<!DOCTYPE html>
<html>

<head>
	<%- include('meta.html') %>
	<meta name="keywords" content="<%=site.keywords%>" />
	<meta name="description" content="<%=site.description%>" />
	<link rel="stylesheet" type="text/css" href="<%=base_url%>/pc/css/mkui.css" />
	<link rel="stylesheet" type="text/css" href="<%=base_url%>/pc/css/index.css?v=1" />
	<link rel="stylesheet" type="text/css" href="<%=base_url%>/pc/css/list.css" />
	<title><%=keywords%>-<%=site.name%></title>
</head>

<body>

	<%- include('head.html') %>

	<!-- 内容 -->
	<main>

		<!-- 当前位置 -->
		<section class="position pt-20 mb-25 center">
			<a href="/">首页</a>
			&gt; <%=keywords%>
		</section>

		<div class="center pt-20 flex space-b">
			<div class="list-left mb-20">
				<ul>
					<%list.list.forEach(item=>{%>
					<li class="flex pt-5 pb-10">
						<%if(item.img){%>
						<figure class="mt-6">
							<img class="list-img" lazyload="on" src="<%=item.img%>">
						</figure>
						<%}%>
						<div class="ml-10 flex-1">
							<h3 class="f-14 mt-8 mb-8 flex flex-between">
								<a class="c-333 ellips-1 pl-15" href="/article/<%=item.id%>">[<%=item.name%>]
						<%=item.title%>
						</a>
						<time class="c-999 f-12"><%=item.updatedAt%></time>
						</h3>
						<p class="f-12 c-999">
							<a class="ellips-2" href="/article/<%=item.id%>" target="_blank"><%=item.description%></a>
						</p>
			</div>
			</li>
			<%})%>
			</ul>

			<!-- page -->

			<div class="page">
				<ul class="overflow-h" id="page">
				</ul>
			</div>

		</div>
		<div class="list-right">

			<!-- ad -->
			<div class="mb-20">
				<img src="<%=ad.heci.imgUrl%>" class="w-p100" alt="">
			</div>

			<%if(sports.list.length>0){%>
			<div class="border pl-10 pr-10 mb-20">
				<h3 class="title w-p100 f-26">
					<a class="pos-r c-333" href="/list/<%=sports.category.id%>"><%=sports.category.name%></a>
					<span class="c-999 small ml-10 f-16">News</span>
					<a href="/list/<%=sports.category.id%>" class="more">更多</a>
				</h3>
				<ul class="aside pt-8 pb-8">
					<%sports.list.forEach(item=>{%>
					<li class="f-14 pos-r mt-10 mb-10 pl-15">
						<a class="c-333 ellips-1" href="/article/<%=item.id%>"><%=item.title%></a>
					</li>
					<%})%>
				</ul>
			</div>
			<%}%>

		</div>
		</div>

		<!-- 媒体合作 -->
		<div class="center mt mt-20 pd-20">
			<%- include('mt.html') %>
		</div>

	</main>

	<!-- footer -->
	<%- include('footer.html') %>

	<script src="https://cdn.bootcss.com/vue/2.6.10/vue.min.js"></script>
	<script src="<%=base_url%>/pc/js/search.js"></script>

	<%if(list.total>1){%>
	<script src="//code.jquery.com/jquery-2.2.4.min.js" integrity="sha256-BbhdlvQf/xTY9gja0Dq3HiwQF8LaCRTXxZKRutelT44="
		crossorigin="anonymous"></script>
	<script src="<%=base_url%>/pc/js/jquery.page.js"></script>
	<script>
		var pageNo = getParams('page');
		if (pageNo <= 0) {
			pageNo = 1;
		}
		Page({
			num: parseInt('<%=list.total==0?1:list.total%>'),	//页码数
			startnum: pageNo,//指定页码
			elem: $('#page'),//指定的元素
			callback: function (n) {	//回调函数
				location.href = '/search?keywords=' + getParams('keywords') + '&page=' + n
			}
		});
	</script>
	<%}%>
	
</body>

</html>